<script setup>
import NavBar from "@/components/NavBar.vue";
import {ref} from "vue"
const list = ref([
  {
    name: '总部仓库库存',
    value: ref(1)
  },
  {
    name: '槐安一仓库存',
    value: ref(1)
  }
])
</script>

<template>
  <div class="overflowHidden">
    <NavBar title="设置库存"></NavBar>
    <div class="height">
      <div class="w-full roundCorner backgroundColor py-[10px]">
        <van-field v-for="(item,index) in list"
                   :key="index"
                   label-width="200px"
                   :name="item.name" :label="item.name">
          <template #input>
            <van-stepper v-model="item.value" />
          </template>
        </van-field>
      </div>
    </div>
    <div class="backgroundColor h-[50px] px-[15px] elasticity">
      <van-button type="primary" :round="true" size="large">确定</van-button>
    </div>
  </div>
</template>

<style scoped lang="less">
::v-deep {
  .van-button{
    height: 40px;
  }
}
</style>